<template>
  <div>
    <div class="myorders">
      <p class="iconfont" style="font-size:30px;" @click="comeback()">&#xe603;</p>
      <div style="font-weight: bold;">我的订单</div>
      <p class="iconfont" style="font-size:20px;" @click="gohomepage()">&#xe8eb;</p>
    </div>
    <orderbar></orderbar>
    <router-view></router-view>
  </div>
</template>
<script>
import orderbar from '@/components/orderbar'
export default {
  components: {
    orderbar
  },
  methods: {
    comeback () {
      this.$router.push('/center')
    },
    gohomepage () {
      this.$router.push('/index')
    }
  }
}
</script>
<style lang="scss" scoped>
.myorders {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 12px 5px 12px;
  border-bottom: 1px solid #cccccc;
}
</style>
